<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>切换城市</title>
    <!--css style-->
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/font.css">
    <link rel="stylesheet" href="responsive/flexible.css">
    <script src="responsive/flexible.js"></script>
</head>
<body class="personal_center tab_city">
    <header>
        <a href="javascript:void(0)" class="pre_page"></a>
        切换城市

    </header>

    <section class="main">
        <ul class="con_list container">
            <li>
                <form action="" class="city_form">
                    <input type="text" placeholder="输入拼音或城市名">
                    <input type="submit" value="搜索">
                </form>
            </li>
            <li class="location">
                <h3>定位城市</h3>
                <p>上海</p>
            </li>
            <li>
                <h3>A</h3>
                <p>阿坝</p>
                <p>阿拉善</p>
                <p>阿里</p>
                <p>安康</p>
                <p>安庆</p>
                <p>鞍山</p>
                <p>安顺</p>
                <p>安阳</p>
                <p>澳门</p>
            </li>
            <li>
                <h3>B</h3>
                <p>北京</p>
                <p>白银</p>
                <p>保定</p>
                <p>宝鸡</p>
                <p>保山</p>
            </li>
        </ul>

    </section>

</body>
</html>